<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="/css/common.css" rel="stylesheet" tyle="text/css" />
<link href="/css/style.css" rel="stylesheet" type="text/css" />
<link href="/fonts/iconfont.css" rel="stylesheet" type="text/css" />
<script src="/js/jquery.min.1.8.2.js" type="text/javascript"></script>
<script src="/js/jqzoom.js" type="text/javascript"></script>
<script src="/js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
<script src="/js/common_js.js" type="text/javascript"></script>
<script src="/js/footer.js" type="text/javascript"></script>
<script src="/js/jquery.jumpto.js" type="text/javascript"></script>
<script src="/plugins/layui/js/product_detailed.js" type="text/javascript"></script>

<title>产品名称详细页</title>
</head>

<body>
<!--引入首部-->
<div th:replace="fxshop/common/nav"></div>
<!--产品详细页-->
<div class="clearfix  Inside_pages">
 <!--位置-->
 <div id="goodsInfo">
 <div class="Location_link">
  <em></em><a href="#">首页 &gt;   <a href="#">产品详情</a>
 </a>
 </div>
 <!--产品详细介绍-->
 <div class="Details_style clearfix" >
  <div class="mod_picfold clearfix">
    <div class="clearfix" id="detail_main_img">
	 <div class="layout_wrap preview">
     <div id="vertical" class="bigImg">
		<img th:src="${mainImg}" width="" height="" alt="" id="midimg" />
		<div style="display:none;" id="winSelector"></div>
	</div>
     <div class="smallImg">
		<div class="scrollbutton smallImgUp disabled">&lt;</div>
		<div id="imageMenu">
			<ul>
				<li th:each="img : ${imglist}"><img th:src="${img}" width="68" height="68"/></li>
			</ul>
		</div>
		<div class="scrollbutton smallImgDown">&gt;</div>
	</div><!--smallImg end-->	
	<div id="bigView" style="display:none;"><div><img width="800" height="800" alt="" src="" /></div></div>
	 </div>
	</div>
		 <div class="Sharing">
	 <div class="bdsharebuttonbox bdshare-button-style0-16" data-bd-bind="1441079683326"><a href="#" class="bds_more" data-cmd="more">分享到：</a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a></div>
  <!--收藏-->
	  <div class="Collect"><a href="javascript:collect(92)"><em class="ico1"></em>收藏商品( 2345 )</a></div>
	 </div>
   </div> 
   <!--信息样式-->
    <div class="textInfo">
    <form action="" name="ECS_FORMBUY" id="ECS_FORMBUY">
	  <div class="title"><h1 th:text="${data.tiitle}"></h1><p th:text="${data.describle}"></p></div>
	  <div class="mod_detailInfo_priceSales">
	  <div class="margins">
	  <div class="Price clearfix"><label>价格</label><span th:text="'￥' + ${data.price}"></span></div>
	  <div class="Activity clearfix"><label>活动</label><span>指定商品满¥50，可换购以下任一商品</span></div>
        <div class="p_Size clearfix"><label>规格</label><dd class="left">
        <div class="item  selected"><b></b><a href="javascript:void(0);" title="官方标配">官方标配</a></div>
        <!--<div class="item"><b></b><a href="#none" title="普通包装">普通包装</a></div>-->
        <!--<div class="item"><b></b><a href="#none" title="大礼盒">大礼盒</a></div></dd>-->
        </div>
	  </div>
	  <div class="s_Review">
	   <a href="#">好评率<b>95%</b>[评论<b>87653</b>条]</a>
	  </div>
	  </div>
	 <div class="buyinfo" id="detail_buyinfo">
		<dl>
        <dt>数量</dt>
        <dd>
		  <div class="choose-amount left">
			<a class="btn-reduce" href="javascript:" onclick="setAmount.reduce('#buy-num')">-</a>
			<a class="btn-add" href="javascript:" onclick="setAmount.add('#buy-num')">+</a>
			<input class="text" id="buy-num" value="1" onkeyup="setAmount.modify('#buy-num');">		
		 </div>
		 <div class="P_Quantity">剩余：<span th:text="${data.num}"></span>件</div>
        </dd>
	  <dd>
		  <span id="productid" th:text="${data.id}" style="display: none;"></span>
	    <div class="wrap_btn"> <a href="javascript:void(0);" id="cartbtn" class="wrap_btn1" title="加入购物车"></a>
		  <a href="javascript:addToCart(92)" class="wrap_btn2" title="立即购买"></a> </div>
		  </dd>
	  </dl>
	  </div>
	  <div class="Guarantee clearfix">
	   <dl><dt>支付方式</dt><dd><em></em>货到付款（部分地区）</dd><dd><em></em>在线支付</dd> 
	   <dd> <div class="payment " id="payment">
                                    <a href="javascript:void(0);" class="paybtn">支付方式<span class="iconDetail"></span></a>
                                <ul><li>货到付款</li><li>礼品卡支付</li><li>网上支付</li><li>银行转账</li></ul></div>
	  </dd></dl></div>	  
	</form>
  </div>
 
  <!--产品推荐-->
    <div class="Recommend">
      <div class="title_name">同类产品推荐</div>
	  <div class="Recommend_list">
	    <ul>
		 <li class="clearfix">
		 <div class="pic_img"><a href=""><img src="/Products/x-3.jpg"></a></div>
		 <div class="r_content">
			<div class="title"><a href="#">金龙鱼 东北大米 蟹稻共生 盘锦大米5KG</a></div>
			<div class="p_Price">￥32.50</div>
          </div>
		 </li>
		  <li class="clearfix">
		 <div class="pic_img"><a href=""><img src="/Products/x-3.jpg"></a></div>
		 <div class="r_content">
			<div class="title"><a href="#">金龙鱼 东北大米 蟹稻共生 盘锦大米5KG</a></div>
			<div class="p_Price">￥32.50</div>
          </div>
		 </li>
		  <li class="clearfix">
		 <div class="pic_img"><a href=""><img src="/Products/x-3.jpg"></a></div>
		 <div class="r_content">
			<div class="title"><a href="#">金龙鱼 东北大米 蟹稻共生 盘锦大米5KG</a></div>
			<div class="p_Price">￥32.50</div>
          </div>
		 </li>
		  <li class="clearfix">
		 <div class="pic_img"><a href=""><img src="/Products/x-3.jpg"></a></div>
		 <div class="r_content">
			<div class="title"><a href="#">金龙鱼 东北大米 蟹稻共生 盘锦大米5KG</a></div>
			<div class="p_Price">￥32.50</div>
          </div>
		 </li>
		</ul>
	  </div>
   </div>
  </div> 
   </div>
  <!--产品-->
  <div class="clearfix">

	  <!--引入浏览历史-->
	  <!--<div th:replace="/fxshop/common/history"></div>-->

   <div class="right_style">
	<div class="inDetail_boxOut ">
	 <div class="inDetail_box">
	  <div class="fixed_out ">
	   <ul class="inLeft_btn fixed_bar">
                  <li class="active"><a id="property-id" href="#shangpsx" class="current">规格与包装</a></li>
                  <li><a id="detail-id" href="#shangpjs">商品属性</a></li>
                  <li><a id="shot-id" href="#miqsp">售后服务</a></li>
                  <li><a id="coms1-id" href="#coms1">买家评论</a></li>
                </ul>
               <div class="subbuy">
          <span class="extra currentPrice"> ¥29.90</span>
          <a href="#" class="extra  notice J_BuyButtonSub">立即购买</a></div>
	  </div>
	 </div>	  
	</div>  

   <div id="shangpsx"> 
    	<div th:utext="${data.dmsg} == null?'暂无商品描述':${data.dmsg}"></div>
   </div>
   <div id="miqsp">
   </div>

  </div> 
  </div>
 </div>
<!--引入底部-->
<div th:replace="fxshop/common/footer"></div>
<script>
    window._bd_share_config = {
        "common": {
            "bdSnsKey": {},
            "bdText": "",
            "bdMini": "2",
            "bdMiniList": false,
            "bdPic": "",
            "bdStyle": "0",
            "bdSize": "16"
        },
        "share": {"bdSize": 16},
        "image": {"viewList": ["qzone", "tsina", "tqq", "renren", "weixin"], "viewText": "分享到：", "viewSize": "16"},
        "selectShare": {"bdContainerClass": null, "bdSelectMiniList": ["qzone", "tsina", "tqq", "renren", "weixin"]}
    };
 </script>
</body>
</html>
